<template>
    <view class="citys">
        <scroll-view scroll-y="true" >
            <uni-search-bar class="search" cancelButton="none" :radius="100" placeholder="搜索城市或景点" @confirm="search"></uni-search-bar>
             <view class="line"/>
            <city-item :citys="citys"/>
        </scroll-view>
    </view>
</template>

<script>
    import uniSearchBar from '@/components/uni-search-bar/uni-search-bar.vue'
    import cityItem from './components/CityItem.vue'
    export default {
        data() {
            return{
                citys:[
                    {
                        id:"1",
                        image:"/static/images/hz.jpg",
                        title:"杭州",
                        desc:"西湖钱塘，人间天堂"
                    },
                    {
                        id:"2",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"3",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"4",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"5",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"6",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },{
                        id:"7",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"8",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"9",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"10",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"11",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    },
                    {
                        id:"12",
                        image:"/static/images/hz.jpg",
                        title:"宁波",
                        desc:"书藏古今，港通天下"
                    }
                ]
            }
        },
        components: {
            uniSearchBar,
            cityItem
        }
    }
</script>

<style>
    .line{
        height: 10px;
        background-color: #f8f8f8;
    }
</style>
